<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>阻止默认行为案例</title>
</head>
<body>
    <a href="https://www.baidu.com/"id='btn'>百度一下</a>
    <script>
        // a标签点击的时候有地址会跳转网页如果没有会刷新网页
        // 右键会出现默认菜单
        // e.preventDefault();
        // e.returnValue=false;
        // confirm() 方法用于显示一个带有指定消息和 OK 及取消按钮的对话框。
        var btn=document.querySelector('#btn');
         btn.onclick=function(e){
             var res=confirm('确定跳转页面吗');
             if(!res){
                 return false;
             }
         }
    </script>
</body>
</html>